假设我有一个很大的对象列表(数千或数万)，每个对象都带有一些标签。有数十或数百个可能的标签，它们的使用遵循典型的幂律:有些标签使用得非常频繁，但大多数很少见。事实上，除了最常见的几十个标签之外，所有标签通常都可以忽略。现在的问题是如何可视化这些标签之间的关系。标签云只是它们频率的一个很好的可视化，但它忽略了哪些标签与其他标签一起出现。假设标签:bar只出现在也被标记为:foo的对象上。这在视觉上应该是显而易见的。对于往往一起出现的三个标签也是如此。您可以将每个标签设为气泡，并让它们部分重叠。从技术上讲，这是一个维恩图，但以这种方式处理它可能很笨拙。例如，Google图表可以创建维恩图，

关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。要求我们推荐或查找工具、库或最喜欢的场外资源的问题对于StackOverflow来说是偏离主题的，因为它们往往会吸引自以为是的答案和垃圾邮件。相反，describetheproblem以及迄今为止为解决该问题所做的工作。关闭8年前。Improvethisquestion我正在编写一个jQuery应用程序，以允许在视觉提示的帮助下分析数据。我的数据是通过XMLHttpRequest以JSON的形式检索的。视觉提示包括直方图、迷你图和各种其他图形类型。这个想法是用户能够通过这些不同的视觉View缩小他们的

是否有开源或付费.NET库可以创建具有两个重要功能的图表:创建维恩图将图表保存为图片？ 最佳答案 不确定这是否在2月份可用。但Google图表API支持维恩图:http://code.google.com/apis/chart/image/docs/chart_wizard.html例如:http://chart.apis.google.com/chart?chs=200x80&cht=v&chd=t:100,50,80,20,10,20,5&chdl=DataA|DataB|DataC返回具有以下属性的维恩图:chr=200x80

是否有关于如何使用d3.js绘制维恩图的示例？我知道twosamples:在D3网站上提供。然而，他们强制我自己计算圆圈的x.y位置。我希望只将数据(圆圈大小和重叠大小)提供给函数/图表，它应该为我进行布局。 最佳答案 VennDiagramswithD3.js它工作正常。 关于javascript-使用d3.js的维恩图布局，我们在StackOverflow上找到一个类似的问题： https://stackoverflow.com/questions/125

给定4个表，每个表包含项目并代表一个集合，如何获取绘制维恩图所需的每个隔间中的项目数，如下所示。计算应在MySQL服务器中进行，避免将项目传输到应用程序服务器。示例表:s1:s2:s3:s4:+------++------++------++------+|item||item||item||item|+------++------++------++------+|a||a||a||a|+------++------++------++------+|b||b||b||c|+------++------++------++------+|c||c||d||d|+------++---

我在MongoDB中有一组文档，其中每个文档在列表中都有一个或多个类别。使用mapreduce，我可以获得每个类别的唯一组合有多少文档的详细信息:['cat1']=523['cat2']=231['cat3']=102['cat4']=72['cat1','cat2']=710['cat1','cat3']=891['cat1','cat3','cat4']=621...其中总数是指准确组合类别的文档数。我正在寻找一种合理的方式来呈现这些数据，我认为带有比例面积的维恩图是个好主意。使用上面的示例，cat1的面积为523+710+891+621，cat1和cat3之间的重叠面积为891+

我正在尝试创建一个像这样的纯css维恩图圆圈在鼠标悬停时突出显示的位置。但问题是:如果我将鼠标悬停在圆Angular(圆外)上，则使用border-radius属性，它也会触发悬停。有关演示，请参阅thisjsfiddlelink并将鼠标悬停在红色区域上是否有任何CSS解决方案可以避免这种情况，或者我是否必须使用javascript来计算它？编辑:感谢大家的回复。我也应该发布浏览器信息。我正在使用Chrome12到目前为止，这个错误似乎存在于chrome中。我将用任何进一步的发现更新此页面。2013年8月更新:刚刚在Chrome28上再次测试，问题不再存在。

我正在尝试创建一个像这样的纯css维恩图圆圈在鼠标悬停时突出显示的位置。但问题是:如果我将鼠标悬停在圆Angular(圆外)上，则使用border-radius属性，它也会触发悬停。有关演示，请参阅thisjsfiddlelink并将鼠标悬停在红色区域上是否有任何CSS解决方案可以避免这种情况，或者我是否必须使用javascript来计算它？编辑:感谢大家的回复。我也应该发布浏览器信息。我正在使用Chrome12到目前为止，这个错误似乎存在于chrome中。我将用任何进一步的发现更新此页面。2013年8月更新:刚刚在Chrome28上再次测试，问题不再存在。

也许没有办法，但我希望创建3个看起来重叠的圆圈，但实际上是具有纯css的单个对象。我可以很容易地创建一个新月形状，但我还需要这个对象只对实际的彩色对象有反应，而不是边框​​。我需要做这样的事情:为了向您展示更多我的意思，每个对象都需要像这样具有自己的形状:如果可能的话，真的更喜欢css。SVG可能是另一种方式，但同样，我需要每个对象在悬停/单击时对可见对象使用react，而不是在其可见区域之外。 最佳答案 在CSS中使形状真正凹陷真的很难，在这种情况下，最好的选择是SVG。但是，如果您想要一个纯CSS解决方案，您可能真的不需要那些形

也许没有办法，但我希望创建3个看起来重叠的圆圈，但实际上是具有纯css的单个对象。我可以很容易地创建一个新月形状，但我还需要这个对象只对实际的彩色对象有反应，而不是边框​​。我需要做这样的事情:为了向您展示更多我的意思，每个对象都需要像这样具有自己的形状:如果可能的话，真的更喜欢css。SVG可能是另一种方式，但同样，我需要每个对象在悬停/单击时对可见对象使用react，而不是在其可见区域之外。 最佳答案 在CSS中使形状真正凹陷真的很难，在这种情况下，最好的选择是SVG。但是，如果您想要一个纯CSS解决方案，您可能真的不需要那些形